﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>目鹿选材-MULOOK致力于打造最高端装饰材料共享平台</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="../static/css/public.css" />
</head>
<body class="download_bg">
    <div class="wrap_success">
        <div class="down_btn">
            <a href="javascript:;" class="btn01 android"><span>Android下载</span></a>
            <a href="javascript:;" class="btn02 ios"><span>iPhone下载</span></a>
        </div>
    </div>
    <div class="wrap_pop" id="tr1">
        <div class="mark" onclick="show_hidden(tr1)"></div>
        <div class="share"><img src="../static/img/pop_txt.png" width="280" /></div>
    </div>
    <script src="../static/js/jquery-1.11.2.min.js"></script>
    <script>
        $(function () {
            var browser = {
                versions: function () {
                    var u = navigator.userAgent, app = navigator.appVersion;
                    return {         //移动终端浏览器版本信息
                        trident: u.indexOf('Trident') > -1, //IE内核
                        presto: u.indexOf('Presto') > -1, //opera内核
                        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                        iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                        iPad: u.indexOf('iPad') > -1, //是否iPad
                        webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                        weibo: u.indexOf('Weibo') > -1  // 判断是否是在微博里面
                    };
                }(),
                language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }
            if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
                if (browser.versions.ios) //IOS设备
                {
                    $(".android").css({ "display": "none" });
                }
                else if (browser.versions.android) // 安卓设备
                {
                    $(".ios").css({ "display": "none" });
                }
            }
            else {
                $(".android").attr("href", "https://a.app.qq.com/o/simple.jsp?pkgname=com.light.mulu");
                $(".ios").attr("href", "https://itunes.apple.com/cn/app/id1503446071?mt=8");
            }
            $(".android,.ios").on("click", function () {
                // 判断是否为微信浏览器
                if (isWeiXin5()) {
                    show_hidden(tr1);
                }
                else {
                    if (browser.versions.ios) // IOS设备
                    {
                        window.location.href = "https://itunes.apple.com/cn/app/id1503446071?mt=8";
                    }
                    else if (browser.versions.android) // 安卓设备
                    {
                        window.location.href = "https://a.app.qq.com/o/simple.jsp?pkgname=com.light.mulu";
                    }
                }
            });
        });
        function show_hidden(trid) {
            if (trid.style.display == "block") {
                trid.style.display = 'none';
            } else {
                trid.style.display = 'block';
            }
        }
        // 判断微信浏览器
        function isWeiXin5() {
            var ua = window.navigator.userAgent.toLowerCase();
            var reg = /MicroMessenger\/[5-9]/i;
            return reg.test(ua);
        }
    </script>
</body>
</html>
